<script type="text/javascript">
$(document).ready(function(){
	var body_height = $(".body").height();
	var footer_height = $(".footer2").height();
	var position = $(".footer2").position();
	//alert("position: " + position.left + "," + position.top);
	var position2 = $(".body").position();
	
	//alert("position: " + position2.left + "," + position2.top);
	if (position.top - position2.top - footer_height > body_height) {
		$(".body_left").height(position.top - position2.top - footer_height - 22);
	}
});
</script>

<a href="<?=site_url("family/detail?pid=".Kencryption::encrypt($k_people["member_id"]))?>"><img src="<?=base_url("images/empty_image.png")?>"></a><br/>
<a href="<?=site_url("family/detail?pid=".Kencryption::encrypt($k_people["member_id"]))?>"><?=htmlspecialchars($k_people["full_name"])?></a>
<br/>
<br/>

<div class="block_menu">
	<div class="block_menu_icon"><img src="<?=base_url("images/family_icon.png")?>"></div>
	<div class="block_menu_text">View family</div>
	<div class="push"></div>
</div>
<div class="block_menu">
	<div class="block_menu_icon"><img src="<?=base_url("images/add_person.png")?>"></div>
	<div class="block_menu_text">Add as your family</div>
	<div class="push"></div>
</div>

<div class="block_menu">
	<div class="block_menu_icon"><img src="<?=base_url("images/view_history.png")?>"></div>
	<div class="block_menu_text">View history</div>
	<div class="push"></div>
</div>

<div class="block_menu">
	<div class="block_menu_icon"><img src="<?=base_url("images/view_location.png")?>"></div>
	<div class="block_menu_text">View location</div>
	<div class="push"></div>
</div>

